<template>
	<view class="header">
		<view class=""><slot class="left" name="left"></slot></view>
		<view class="center"><slot class="center"></slot></view>
		<view class=""><slot class="right" name="right"></slot></view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	}
};
</script>

<style lang="scss">
.header {
	background-color: rgb(0, 153, 204);
	border: 1px solid rgb(102, 102, 102);
	width: 100%;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 50upx;
	box-sizing: border-box;
	.center{
		text-align: center;
		color: #FFFFFF;
	}
}
</style>
